<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>YBA.Plugin.pageNav</title>
    <link href="../default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <h1>YBA.Plugin.pageNav(options)</h1>
    <h2>概述</h2>
    <p>
        创建一个分页组件
    </p>
    <h2>参数说明</h2>
    <h3>options：对象表达式</h3>
    <p>
        <pre>
        {
            // 放置分页控件的容器
            pageCon: $("#j-page"),
            // 每页数量
            pageSize: 10,
            // 总数量
            totalNum: 100,
            // 回调函数
            callback: function (pageIndex) {
                // pageIndex表示最新页次
            }
        }
        </pre>
    </p>
    <h2>公共方法，假设创建的实例名称为pageCtrl</h2>
    <h3>pageCtrl.next()</h3>
    <p>
        下一页
    </p>
    <h3>pageCtrl.prev()</h3>
    <p>
        上一页
    </p>
    <h3>pageCtrl.first()</h3>
    <p>
        第一页
    </p>
    <h3>pageCtrl.last()</h3>
    <p>
        最后一页
    </p>
    <h3>pageCtrl.goToPage(pageIndex)</h3>
    <p>
        前往pageIndex指定的页次，并执行callback
    </p>
    <h3>pageCtrl.setTotalNum(totalNum)</h3>
    <p>
        重新计算页数，当总数量发生变化时需调用该方法，并将最新数量作为参数传递
    </p>
    <h3>pageCtrl.setPageIndex(paeIndex)</h3>
    <p>
        设置当前页次为paeIndex，此方法不会执行callback，仅仅只是设置页次
    </p>
    <h2>示例代码</h2>
    <p>
        <pre>
    var pageCtrl = new YBA.Plugin.pageNav({
        // 放置分页控件的容器
        pageCon: $("#j-page"),
        // 每页数量
        pageSize: 10,
        // 总数量
        totalNum: 100,
        // 回调函数
        callback: function (pageIndex) {
            console.log(pageIndex);
        }
    });
        </pre>
    </p>
</body>
</html>
